iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 29
0
自我挑戰組

CSS 大全(第四版)閱讀筆記系列 第 29

day29【主題七:邊界範圍】

  • 分享至 

  • xImage
  •  

邊界範圍(margin):

  • 邊界範圍margin:指元素周圍生成額外的空白區。(透明的)
  • 邊界重疊:指兩個以上的邊界範圍,互相重疊,只留下最大邊界範圍的過程。
  • 親代元素的內聚和邊框能中止邊界重疊的效果。(p380)
  • 元素浮動或定位時,不會出現margin合併效果。
  • margin接受負值,可以讓元素凸出親代元素。
  • margin在塊級元素下可以完全體現,上下左右都可以設定。
  • 塊級元素的margin的參照基準是前一個元素即相對於自身之前的元素有margin距離。(具有邊距重疊)
  • margin用於內聯元素,margin-top和margin-bottom對內聯元素的高度沒有影響。(會影響內聯元素高度的是line-height而不是height)
  • margin用於佈局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”。
  • 不要告訴我你懂margin
  • 用Margin還是用Padding?

上一篇
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
下一篇
day30【主題八:數值與單位】
系列文
CSS 大全(第四版)閱讀筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言